<!DOCTYPE html>
<html>
<head>
    <style>
        .info-section {
          background: rgba(255, 255, 255, 0.427);
          border-radius: 8px;
          padding: 16px;
          margin-bottom: 8px;
          margin-top: 10px;
          text-align: left;
        }

        .info-card {
          h3 {
            margin-top: 0;
            margin-bottom: 0px;
            font-size: 16px;
            color: #333;
          }
          
          .info-content {
            font-size: 13px;
            color: #333;
            line-height: 0.8rem;
            p {
              margin: 3px;
            }
            
            ul {
              margin: 0px 0;
              padding-left: 20px;
              
              li {
                margin-bottom: 0px;
              }
            }
          }
        }
    </style>
</head>
<body>
    <div id="plugin-info" class="info-section">
        <div class="info-card">
            <h3>About This Plugin:</h3>
            <div class="info-content">
                <p><strong>插件名称:</strong> <span id="plugin-name"></span></p>
                <p><strong>适用系统:</strong> <span id="plugin-category"></span></p>
                <p><strong>版本:</strong> <span id="plugin-version"></span></p>
                <p><strong>功能:</strong> <span id="plugin-description"></span></p>
                <p><strong>注意事项：</strong></p>
                <ul id="plugin-rules"></ul>
                <p id="no-plugin-rules" style="display: none;">暂无注意事项</p>
            </div>
        </div>
    </div>
</body>
</html>
